<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= webpackConfig.name %></title>
    <script src="//g.alicdn.com/fdilab/lib3rd/viewport-units-buggyfill/0.6.2/??viewport-units-buggyfill.hacks.min.js,viewport-units-buggyfill.min.js"></script>
    <style>
      #first-screen {
        position: absolute;
        top:0;
        left:0;
        bottom:0;
        right:0;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .first-logo-wrap {
        width: 95px;
        height: 86px;
        position: relative;
        overflow: hidden;
      }
      .first-logo{
        width: 95px;
        height: 86px;
        position: relative;
        overflow: hidden;
      }
      .first-logo-wrap::before{
        content: '';
        animation: highlight 1.5s infinite;
        top: 0;
        left: 10px;
        position: absolute;
        z-index: 10;
        width: 20px;
        height: 100px;
        transform: skew(-25deg,-25deg);
        background: linear-gradient(to right, rgba(255,255,255,0)0, rgba(255,255,255,.7)50%, rgba(255,255,255,0)100%);
      }
      @keyframes highlight {
        from {
          left: 10px;
        }
        to{
          left: 100px;
        }
      }
    </style>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= webpackConfig.name %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="first-screen">
      <div class="first-logo-wrap">
          <img src="<%= BASE_URL %>logo.png" alt="logo" class="first-logo">
      </div>
    </div>
    <div id="app" style="display: none"></div>
    <script>
      window.onload = function () {
        window.viewportUnitsBuggyfill.init({
          hacks: window.viewportUnitsBuggyfillHacks
        })
      }
    </script>
    <!-- built files will be auto injected -->
  </body>
</html>
